<template>
  <div>
    <myInput v-model:val="val"></myInput>
    {{val}}
  </div>
</template>

<script>
// import httpRequest from "@utils/request.js";
// import { getIndexInfo } from "@apis/home.js";
// import {$Storage} from "@utils/storage.js";
import myInput from "@components/myInput.vue"
import { reactive, toRefs } from '@vue/reactivity'

export default {
  components:{
    myInput
  },
  setup(){
    // httpRequest.get(getIndexInfo).then((res)=>{
    //   console.log(res)
    // })
    // $Storage.setItem("name","小明")
    // $Storage.setItem("arr",[1,2,3,4,5])

    const state = reactive({
      val:"hello world"
    })

    return{
      ...toRefs(state)
    }
  }
}
</script>

<style>

</style>